<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<div th:replace="m/head :: head"></div>

	<title>评价详情</title>
</head>

<body class="body-gray">

<div th:replace="m/head :: body('banner.hidden', 'head-no-menu', '评价详情')"></div>
		
	    
	    <!--主体内容-->
	    <div class="see-evaluate-content">
	    	<!--上部订单-->
	    	<div class="see-evaluate-works">
	    		<div class="top clearfix">
	    			<div class="left">
	    				订单编号：[[${order.no}]]
	    			</div>
	    			<div class="right" th:text="${#dates.format(evaluates.get(0).createDate,'yyyy-MM-dd HH:mm:ss')}"></div>
	    		</div>

				<!-- 同款作品, 显示同款信息 -->
	    		<div class="middle">
					<div class="left-img">
						<img th:src="${#request.getAttribute('ctx') + order.sameStyle.spriteUrl}"/>
					</div>
					<div class="right-text">
						<h3>作品名称：[[${order.sameStyle.name}]]</h3>
						<p>基本简介：[[${order.sameStyle.description}]]</p>
					</div>
	    		</div>

	    		<div class="bottom">
	    			<div class="evaluate">
	    				<span>作品符合度</span>
	    				<div class="star">
							<i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(0).score},5"></i>
	    				</div>
	    				<span style="color: rgb(160,160,160);" th:text="${evaluates.get(0).score + '.0'}"></span>
	    			</div>
	    			<div class="evaluate">
	    				<span>总体满意度</span>
	    				<div class="star">
							<i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(1).score},5"></i>
						</div>
	    				<span style="color: rgb(160,160,160);" th:text="${evaluates.get(1).score + '.0'}"></span>
	    			</div>
	    		</div>
	    	</div>
	    	
	    	<div class="see-evaluate-box">
	    		<div class="top">
	    			<div class="left-img">
						<img th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
	    			</div>
	    			<div class="right-text">
	    				<h3>编剧满意度</h3>
	    				<div class="star">
							<i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(4).score},5"></i>
						</div>
	    				<span th:text="${evaluates.get(4).score + '.0'}"></span>
	    			</div>
	    		</div>
	    		<div class="middle">
					<a href="javascript:void(0)" th:each="item:${evaluates.get(4).tagsArray}" cus:dict="evaluate-photo-grapher-tags,${item}"></a>
				</div>
				<div class="bottom">
					<p th:text="${'评论：' + evaluates.get(4).comment}"></p>
					<div class="admin-reply">
						<p th:text="${'管理员回复：' + evaluates.get(4).reply}"></p>
					</div>
				</div>
	    	</div>

	    	<div class="see-evaluate-box">
	    		<div class="top">
	    			<div class="left-img">
						<img th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
	    			</div>
	    			<div class="right-text">
	    				<h3>导演满意度</h3>
						<div class="star">
							<i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(3).score},5"></i>
						</div>
						<span th:text="${evaluates.get(3).score + '.0'}"></span>
	    			</div>
	    		</div>
	    		<div class="middle">
					<a href="javascript:void(0)" th:each="item:${evaluates.get(3).tagsArray}" cus:dict="evaluate-photo-grapher-tags,${item}"></a>
				</div>
				<div class="bottom">
					<p th:text="${'评论：' + evaluates.get(3).comment}"></p>
					<div class="admin-reply">
						<p th:text="${'管理员回复：' + evaluates.get(3).reply}"></p>
					</div>
				</div>
	    	</div>

			<div class="see-evaluate-box">
				<div class="top">
					<div class="left-img">
						<img th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
					</div>
					<div class="right-text">
						<h3>客服满意度</h3>
						<div class="star">
							<i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(2).score},5"></i>
						</div>
						<span th:text="${evaluates.get(2).score + '.0'}"></span>
					</div>
				</div>
				<div class="middle">
					<a href="javascript:void(0)" th:each="item:${evaluates.get(2).tagsArray}" cus:dict="evaluate-photo-grapher-tags,${item}"></a>
				</div>
				<div class="bottom">
					<p th:text="${'评论：' + evaluates.get(2).comment}"></p>
					<div class="admin-reply">
						<p th:text="${'管理员回复：' + evaluates.get(2).reply}"></p>
					</div>
				</div>
			</div>

			<div class="see-evaluate-box">
				<div class="top">
					<div class="left-img">
						<img th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
					</div>
					<div class="right-text">
						<h3>作品满意度</h3>
						<div class="star">
							<i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(5).score},5"></i>
						</div>
						<span th:text="${evaluates.get(5).score + '.0'}"></span>
					</div>
				</div>
				<div class="middle">
					<a href="javascript:void(0)" th:each="item:${evaluates.get(5).tagsArray}" cus:dict="evaluate-photo-grapher-tags,${item}"></a>
				</div>
				<div class="bottom">
					<p th:text="${'评论：' + evaluates.get(5).comment}"></p>
					<div class="admin-reply">
						<p th:text="${'管理员回复：' + evaluates.get(5).reply}"></p>
					</div>
				</div>
			</div>
	    	
	    </div>

<div th:replace="m/foot :: foot"></div>

</body>

<div th:replace="m/foot :: footer('')"></div>

<script>
    $(function () {

    })
</script>
</html>